<template>
    <div>
        <p>姓名：{{user.name}}</p>
        <p>年龄：{{user.age}}</p>
    </div>
</template>
<script>
import axios from 'axios'
export default {
    data(){
        return {
            user:{}
        }
    },
    // asyncData：nuxt 提供，用于获取服务端渲染数据
    async asyncData(){
        const {data:{user}} = await axios({
            method:'get',
            url:'http://localhost:3000/data.json'
        })
        // 返回的数据会和 data() 中的数据整合到一起
        return {
            user
        }
    }
}
</script>